<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"  xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head th:replace="_header_include::frag(~{::title},~{::style},~{::link})">
    <title>后台管理系统</title>
    <meta charset="UTF-8">
    <!-- import CSS -->
    <link rel="stylesheet" href="" id="skinCss">    
    <style>    
    .merchantMainBox{margin: 0;
    max-width: 100%;
    padding: 10px 17px 20px;
    flex-direction: row;
    background: #fff;
    margin-bottom: 15px;
    box-shadow: 9px 11px 33px 7px rgba(73, 126, 250, 0.1);
    border-radius: 8px;}
    .mgB20{margin-bottom: 20px;}
    .w100{width: 100px;}
    .title18{font-size: 18px;color: #000;}
    .merchantGreyBox{background: #eff2f9;padding:30px 18px;border-radius: 4px;margin-bottom: 35px; }

    /*线下支付*/
    .paymentOffline{color:#57586c;}
    .paymentOffline .btnNum{ margin:0 10px 0 0;/*background: linear-gradient(-90deg, rgba(75, 128, 255, 1), rgba(118, 157, 248, 1));*/width: 20px;height: 20px;line-height: 20px;border-radius: 50%;text-align: center;color: #fff;display: inline-block;font-size: 14px;}   
    </style>
</head>
<body>
<div id="paymentOffline" class="paymentOffline mainPadding fs14" style="display: none;"> 
    <el-breadcrumb separator="/" class="elBreadcrumb marginB20">
        <el-breadcrumb-item>Home</el-breadcrumb-item>
        <el-breadcrumb-item>线下充值</el-breadcrumb-item>
    </el-breadcrumb>
    <el-row class="merchantMainBox" style="padding:30px;"> 
        
        
        <div class="merchantGreyBox">
            <div class="mgB20 title18"><em class="btnNum blueColorBg">1</em>打款至北京快道网络有限公司指定收款账号</div>
            <p>转账途径银行柜台转账、微信支付、网上银行、支付宝；</p><br>
            <p>收款户名：北京快道网络有限公司</p><br>
            <p>收款银行：北京招商银行 富力城支行</p><br>
            <p>收款账号：110918854710802</p>
        </div>
        <div class="merchantGreyBox">
            <div class="mgB20 title18"><em class="btnNum blueColorBg">2</em>提交汇款信息</div>
            <p>打款至北京快道网络有限公司账号后，联系客户顾问提交您的汇款信息</p>
        </div>
        <div class="merchantGreyBox">
            <div class="mgB20 title18"><em class="btnNum blueColorBg">3</em>汇款结果反馈</div>
            <p>确定打款操作后，可以在充值记录页面查看汇款进度</p>
        </div>
        <div class="merchantGreyBox">
            <div class="mgB20 title18">温馨提示</div>
            <p>1、财务会在3个工作日内审核并查账，如到账将会充值至您的商家账户，受银行处理时间影响，付款到账时间有可<br>能超出3个工作日，强烈建议采用支付宝/微信实时到账。</p><br>
            <p>2、如果线下汇款过程中遇到任何问题可随时联系客户顾问</p>
        </div>

    </el-row>
</div>
</body>
<!-- import Vue before Element -->
<div th:include="_footer_include :: #jsLib"></div>

<!-- import common js-->
<script th:inline="javascript">  
    var preferentialDTOList=[[${preferentialDTOList}]];//优惠 信息 
    var oLink = document.getElementById("skinCss"); 
    if (getCookieVal("skinVal")) {
        oLink['href'] = "/css/common/merchant_base" + getCookieVal("skinVal") + ".css";
    } else {
        oLink['href'] = "/css/common/merchant_base1.css";
    }
    var ocmVM = new Vue({
        el: '#paymentOffline',
        data: function() {
            return { 
               
            }              
        },
        methods: {
            
        },
        created(){
            //监听父窗口信息
            // 接受父页面发来的信息
            window.addEventListener("message", function (event) {
                var data = event.data;
                switch (data.cmd) {
                    case 'getFormJson':
                        oLink['href'] = "/css/common/merchant_base" + event.data.params.data + ".css";
                        // 处理业务逻辑
                        break;
                }
            });
        },
        mounted(){
            document.getElementById('paymentOffline').style.display = 'block';
        }
  })
</script>
</html> 